<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新闻</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/news.css">

</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <div class="head-c">
            <div class="logo">
                <img src="img/index-logo.png" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html">首页</a>
                    <div class="span">

                    </div>
                </li>
                <li class="nav-item">
                    <a href="project.html">项目</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="product.html">产品</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="service.html">服务</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item active">
                    <a href="news.html">新闻</a>
                    <div class="span">
                        
                    </div>
                </li>
                <li class="nav-item">
                    <a href="about.html">关于</a>
                    <div class="span">
                        
                    </div>
                </li>
            </ul>
        </div>
    </div>

    <!-- 新闻部分 -->
    <div class="pro">
        <div class="pro-c">

            <!-- 所在位置 部分 -->
            <div class="title clearfix">
                <!-- 标题左 位置 -->
                <div class="address">
                    <span>您的位置:新闻></span>
                    <span style="color: #668aca;">新闻资讯</span>
                </div>
            </div>  

            <!-- 新闻主体部分 -->
            <div class="service clearfix">

                <!-- 新闻左 图片 -->
                <div class="service-img">
                    <img src="http://www.bufantec.com/site/jianshe/pages/news/static/img/news-img-1.jpg" alt="">
                    <img src="http://www.bufantec.com/site/jianshe/pages/news/static/img/news-img-2.jpg" alt="">
                </div>

                <!-- 新闻右 文本 -->
                <a href="">
                    <div class="service-text">
                        <div class="text">
                            <p class="text-title">
                                看得到的品质，看不到的用心!  
                            </p>
                            <p class="text-desc">
                                专注品质，从现代生活崇尚简约大气的角度出发，家具不仅仅是一件家具这么简单，更是一件工艺品的象征。
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-title">
                                TAOLIVING整体家居 低调都市风。
                            </p>
                            <p class="text-desc">
                                东南亚风格明显的MANILA系列家具，因“自然原材 传承工艺”的独特气质，成为TAOLIVING整体家居的品鉴之作。如果搭配得当，则能巧妙地营造出低调。                                
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-title">
                                传统经典的美式造型,简约沙发！
                            </p>
                            <p class="text-desc">
                                好看的布料可以很实用，实用的布料也可以很美观！白色窗帘就是这样的布料。大家都知道它的功能是遮光挡风，但是松松地在尾部打个结，就可以得到意想不到的效果。
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-title">
                                家居消费高峰期 注意提防甲醛超标。
                            </p>
                            <p class="text-desc">
                                尽管家具合格率逐年上升，但甲醛释放量超标依然是排在家居行业不合格产品问
                                题中的首要难题。
                            </p>
                        </div>
                        <div class="text">
                            <p class="text-title">
                                小空间大运用 衣柜驻家有术。
                            </p>
                            <p class="text-desc">
                                嫌您的卧室四面都是墙壁过于单调?衣柜太大霸占空间?让你的衣柜“钻”进墙内吧!建议正方形更衣间，可设计为U字形柜体，完全贴合壁面。
                            </p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="foot">
        <div class="foot-c">
            <div class="foot-item foot1">
                <p class="company">简设装饰有限公司</p>
                <div class="div">
                    <a href="">
                        <img class="icon" src="img/foot-icon1.png" alt="">
                    </a>
                   <a href="">
                        <img class="icon" src="img//foot-icon2.png" alt="">
                   </a>
                    <a href="">
                        <img class="icon" src="img/foot-icon3.png" alt="">
                    </a>
                </div>
            </div>
            <div class="foot-item foot2">
                <p class="info">地址：中国地区**分区6号写字楼888室</p>
                <p class="info">电话：688-8888-008</p>
                <p class="info">传真：000-66668888</p>
            </div>
            <div class="foot-item foot3">
                <p class="info">邮编：100000</p>
                <p class="info">手机：186-6006-8008</p>
                <p class="info">邮箱：00060008@163.com</p>
            </div>            
        </div>
    </div>
</body>
</html>